<script src="assets\stepBar\js\stepBar.js"></script>
<script src="js/CertusFileUpload.js"></script>
<script src="js/proinfo/projPact.js"></script>
<link rel="stylesheet" type="text/css" href="assets/stepBar/css/control.css"/>
<aside class="lg-side">
    <div class="panel-heading tab-bg-dark-navy-blue okr-tab-head tab-right ">
        <!-- <ul class="nav nav-tabs pull-right">
            <li class="active">
                <a data-toggle="tab" href="#tab1">合同信息</a>
            </li>
            <li class="">
                <a data-toggle="tab" href="javascript:void(0)" onclick="tab2()">审批记录</a>
            </li>
        </ul> -->
    </div>
    <div class="inbox-body mi-h8">
        <section class="panel">
            <header class="panel-heading">
                项目信息<i class="add-icon icon-plus" onclick="alterContractInfo()" ng-show="leftMenu.XMHTXXC"> 新增合同</i>
            </header>
            <div class="panel-body">
                <div class="bio-row">
                    <p>
                        <span>项目编号</span>{{proj.proNo}}</p>
                </div>
                <div class="bio-row">
                    <p>
                        <span>项目区域</span>{{proj.proArea}}</p>
                </div>
                <div class="bio-row">
                    <p>
                        <span>项目类型</span>{{proj.proType}}</p>
                </div>
                <div class="bio-row">
                    <p>
                        <span>客户名称</span>{{proj.cusName}}</p>
                </div>
                <div class="bio-row">
                    <p>
                        <span>项目名称</span>{{proj.proName}}</p>
                </div>
                <div class="bio-row">
                    <p>
                        <span>优先级</span>{{getProjLv(proj.proLv)}}</p>
                </div>
                <div class="bio-row">
                    <p>
                        <span>目前状态 </span>{{getState(proj.proState)}}</p>
                </div>
            </div>
        </section>
        <!--<div>-->

        <div ng-repeat="contract in allContractInfo" ng-init="outerIndex = $index">

            <section class="panel" ng-show="false">
                <header class="panel-heading">
                    流程跟踪
                </header>
                <div class="panel-body n-pt-15">
                    <div id="stepBar-2-{{outerIndex}}" class="ui-stepBar-wrap" style="display: block;">
                        <div class="ui-stepBar">
                            <div class="ui-stepProcess"></div>
                        </div>
                        <div class="ui-stepInfo-wrap">
                            <table class="ui-stepLayout" style="border:0;" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td class="ui-stepInfo">
                                        <a class="ui-stepSequence">1</a>
                                        <p class="ui-stepName">发起合同申请</p>
                                    </td>
                                    <td class="ui-stepInfo">
                                        <a class="ui-stepSequence">2</a>
                                        <p class="ui-stepName">上级领导审批</p>
                                    </td>
                                    <td class="ui-stepInfo">
                                        <a class="ui-stepSequence">3</a>
                                        <p class="ui-stepName">完成</p>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </section>
            <section class="panel tp-ls" ng-show="false">
                <div class="panel-body n-pb-15">
                    <div class="timeline-messages pline-msg">
                        <div class="msg-time-chat" ng-repeat="scheme in contract.contractRecord">
                            <div class="message-body msg-in">
                                <span class="arrow"></span>
                                <div class="text">
                                    <p class="attribution">
                                        <a href="#">合同文本</a> {{scheme.createTime |
                                        date:'yyyy-MM-dd HH:mm'}}
                                    </p>
                                    <p>{{scheme.opinionMsg}}</p>
                                </div>
                            </div>
                            <!-- /comment -->
                        </div>
                    </div>
                </div>
            </section>

            <section class="panel">
                <header class="panel-heading">
                    合同信息
                </header>
                <div class="panel-body">
                    <div class="bio-row">
                        <p>
                            <span>合同编号</span>{{contract.contractInfo.contractNo}}</p>
                    </div>
                    <div class="bio-row">
                        <p>
                            <span>公司名称</span>{{contract.contractInfo.compCode}}</p>
                    </div>
<!--                    <div class="bio-row">-->
<!--                        <p>-->
<!--                            <span>销售内部编号</span>{{contract.contractInfo.salesInternalCode}}-->
<!--                        </p>-->
<!--                    </div>-->
                    <!-- <div class="bio-row">
                        <p>
                            <span>财务编号</span>{{contract.contractInfo.financialCode}}
                        </p>
                    </div> -->
                    <div class="bio-row">
                        <p>
                            <span>合同名称</span>{{contract.contractInfo.contractName}}</p>
                    </div>
                    <div class="bio-row">
                        <p>
                            <span>签订人</span>{{contract.contractInfo.contractSigner}}</p>
                    </div>
                    <div class="bio-row">
                        <p>
                            <span>客户名称</span>{{contract.contractInfo.compactCusName}}</p>
                    </div>
                    <div class="bio-row">
                        <p>
                            <span>合同金额</span>￥{{contract.contractInfo.contractAmount}}元</p>
                    </div>
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>非软件收入金额</span>￥{{contract.contractInfo.notSoftIncome}}元</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>软件收入金额</span>￥{{contract.contractInfo.softIncome}}元</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>交付时间</span>{{contract.contractInfo.deliveryTime}}</p>-->
                    <!--                        </div>-->
<!--                    <div class="bio-row">-->
<!--                        <p>-->
<!--                            <span>我司签约公司</span>{{contract.contractInfo.contractSubject}}</p>-->
<!--                    </div>-->

                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>交付地</span>{{contract.contractInfo.deliveryTo}}</p>-->
                    <!--                        </div>-->

                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>首付款</span>{{contract.contractInfo.initialPayment}}%</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>首付款日期</span>{{contract.contractInfo.initialPaymentDate | date:"yyyy-MM-dd"}}</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>初验</span>{{contract.contractInfo.preliminaryInspection}}%</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>初验日期</span>{{contract.contractInfo.preliminaryInspectionDate | date:"yyyy-MM-dd"}}</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>终验</span>{{contract.contractInfo.finalAcceptance}}%</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>终验日期</span>{{contract.contractInfo.finalAcceptanceDate | date:"yyyy-MM-dd"}}</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>尾款</span>{{contract.contractInfo.finalPayment}}%</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>尾款日期</span>{{contract.contractInfo.finalPaymentDate | date:"yyyy-MM-dd"}}</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>合同份数</span>{{contract.contractInfo.contractNumber}}份</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>合同签订时间</span>{{contract.contractInfo.contractSignTime | date:'yyyy-MM-dd'}}</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row">-->
                    <!--                            <p>-->
                    <!--                                <span>最终结算日期</span>{{contract.contractInfo.finalDate}}</p>-->
                    <!--                        </div>-->
                    <!--                        <div class="bio-row line-row">-->
                    <!--                            <p>合同关键条款</p>-->
                    <!--                            <p>{{contract.contractInfo.keyTerms}}</p>-->
                    <!--                        </div>-->
                    <div class="bio-row line-row">
                        <p>申请说明</p>
                        <p>{{contract.contractInfo.applyInstruction}}</p>
                    </div>
                </div>
                <!-- <div class="panel-body">
                    <div class="bio-row">
                        <p>
                            <span>客户名称</span>{{contract.contractInfo.compactCusName}}</p>
                    </div>
                    <div class="bio-row">
                        <p>
                            <span>合同金额</span>￥{{contract.contractInfo.contractAmount}}元</p>
                    </div>
                    <div class="bio-row">
                        <p>
                            <span>交付时间</span>{{contract.contractInfo.deliveryTime}}</p>
                    </div>
                    <div class="bio-row">
                        <p>
                            <span>交付地</span>{{contract.contractInfo.deliveryTo}}</p>
                    </div>
                    <div class="bio-row">
                        <p>
                            <span>最终结算日期</span>{{contract.contractInfo.finalDate}}</p>
                    </div>
                    <div class="bio-row line-row">
                        <p>合同关键条款</p>
                        <p>{{contract.contractInfo.keyTerms}}</p>
                    </div>
                </div> -->

            </section>
            <section class="panel">
                <header class="panel-heading">
                    合同文件
                </header>
                <div class="panel-body">
                    <input type="hidden" ng-model="contract.contractInfo.contractCode"
                           value="{{contract.contractInfo.contractCode}}"
                           class="nowContractCode"/>
                    <div id="pactContainer-{{outerIndex}}" class="dlshouwen-grid-container"></div>
                    <div id="pactToolBarContainer-{{outerIndex}}" class="dlshouwen-grid-toolbar-container"></div>
                </div>
            </section>

        </div>

        <!--</div>-->
    </div>
</aside>